/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
*/

@font-face {
    font-family: agency;
    src: url('AGENCYB.TTF');
}

body{
	margin:0;
    padding:0;
}

.page{
	background-image:url('page_bg.jpg');
    background-color: #000000;
	background-repeat:no-repeat;
}

span.projectSection{
    font-family: agency;
    font-size: 20px;
}

div#header{
	width:100%;
	height:50px;
	background-image:url('header_bg.png');
	background-color:#333;
}

div#logo{
	background-image:url('logoBG.jpg');
	padding-top:10px;
	width:100%;
	height:210px;
}

div#floatLogo{
	margin-left:auto;
	margin-right:auto;
	background-image:url('logoFloat.png');
	height:200px;
	width:900px;
	background-repeat:no-repeat;
}

div#menuBar{
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:1000px;
	height:40px;
}

div.menuElement{
	margin-right:2px;
	border-bottom-right-radius: 20px 10px;
	font-weight:bold;
	font-size:14px;
	float:left;
	width:95px;
	padding:10px 15px 15px 20px;
	height:10px;
	background:#876d4c;
}

div.menuElement:hover{
	cursor:pointer;
	background:#900;
	color:#FFF;
}

div.drop{
	margin-right:2px;
	font-weight:bold;
	font-size:14px;
	width:95px;
	padding:10px 15px 15px 20px;
	height:10px;
	background:#876d4c;
}

div.drop:hover{
	cursor:pointer;
	background:#900;
	color:#FFF;
}

div#container{
	margin-top:1px;
	padding:20px;
	width:960px;
	min-height:500px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;	
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
}

div.lectureDetails{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:940px;
    border-bottom-right-radius: 50px 30px;
	border:thin;
	border-color:#CCC;
    border-right-style: solid;
    border-bottom-style: solid;
	margin-top:3px;	
}
div.lectureDetails:hover{
	background-color:#EFEFEF;
}

span.lectureTitle{
    font-family: agency;
	font-size:25px;
	font-weight:bold;	
}

div#hoverContainer{
    z-index: 1;
	clear:both;
	position:relative;
    width:100px;
	left:132px;
	display:none;
}

div#last{
    border-bottom-right-radius: 20px 10px;
}

div.sectionTitle{
    font-family: agency;
    font-size: 20px;
    color:white;
    position: relative;
    left:-80px;
    width: 300px;
    padding: 10px 0px 10px 40px;
    background-color:#900;
    border-bottom-right-radius: 40px 20px;
    z-index: 0;
}

div.projectContainer{
    border-top-style: solid;
    border-top-width: thin;
    border-color:#CCCCCC;
    border-bottom-right-radius: 20px 10px;
    padding: 10px;
    width: 175px;
}

div#showProjectArrow{
    position: relative;
    top:-12px;
    left:160px;
}

div.projectContent{
    position: relative;
    top: -12px;
    display:none;
}

.edge{
    position: relative;
    left: -80px;
}

div.hiddenField{
    display:none;
}

.shinyButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#000000;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}

.shinyButton:hover {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
     background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
     background-color:#dfdfdf;
     cursor:pointer;
}

.shinyButton:active {
      position:relative;
      top:1px;
  }

.titleElement{
    font-size: 20px;
}